<!DOCTYPE html>
<html class="no-js css-menubar" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="description" content="bootstrap admin template">
  <meta name="author" content="">

  <title>Bossjob</title>

  <link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
  <link rel="shortcut icon" href="favicon.ico">

  <!-- Stylesheets -->
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/bootstrap/bootstrap.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/admin/css/bootstrap-extend.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/admin/css/site.min.css?v2.63">

  <!-- Plugins -->
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/animsition/animsition.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/asscrollable/asScrollable.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/switchery/switchery.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/intro-js/introjs.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/slidepanel/slidePanel.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/flag-icon-css/flag-icon.min.css?v2.63">

  <!-- Page -->
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/blueimp-file-upload/jquery.fileupload.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/dropify/dropify.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/formvalidation/formValidation.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/datatables-bootstrap/dataTables.bootstrap.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/datatables-fixedheader/dataTables.fixedHeader.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/datatables-responsive/dataTables.responsive.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/admin/css/uikit/modals.min.css?v2.63">

  <!-- Fonts -->
  <link rel="stylesheet" href="http://admin.html.me/static/fonts/web-icons/web-icons.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/fonts/glyphicons/glyphicons.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/fonts/brand-icons/brand-icons.min.css?v2.63">
  <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
  <link rel="stylesheet" href="http://admin.html.me/static/fonts/weather-icons/weather-icons.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/fonts/font-awesome/font-awesome.min.css?v2.63">

  <!-- datepicker -->
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/bootstrap-datepicker/bootstrap-datepicker.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/jsgrid/jsgrid.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/dropify/dropify.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/summernote/summernote.min.css?v2.63">

  <link rel="stylesheet" href="http://admin.html.me/static/vendor/bootstrap-maxlength/bootstrap-maxlength.min.css?v2.63">
  <link rel="stylesheet" href="http://admin.html.me/static/vendor/typeahead-js/typeahead.min.css?v2.63">


  <!--[if lt IE 9]>
  <script src="http://admin.html.me/static/vendor/html5shiv/html5shiv.min.js?v2.63"></script>
  <![endif]-->

  <!--[if lt IE 10]>
  <script src="http://admin.html.me/static/vendor/media-match/media.match.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/respond/respond.min.js?v2.63"></script>
  <![endif]-->

  <!-- Scripts -->
  <script src="http://admin.html.me/static/vendor/jquery/jquery.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/base.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/bootstrap/bootstrap.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/modernizr/modernizr.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/breakpoints/breakpoints.min.js?v2.63"></script>
  <script>
    var RUN_FUNCS = [];
	var SITE_URL  = "http://admin.html.me";
	var CURR_CONTROLLER  = "User";
	var CURR_ACTION  = "edit";
    Breakpoints();
  </script>
  <style type="text/css">
    .list-table table td, .list-table table th{background:#fff; text-align:center;}
  </style>
  </head>
<body class="dashboard">
  <!--[if lt IE 8]>
  <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation" id="navbardefaultmodel">
       <script type="text/javascript" src="../_resource/js/include.js" onload="HM.SomeFun('head_html')"></script>
  </nav>
  <div class="site-menubar">
    <div class="site-menubar-body" id="site-menubar-body">
         <script type="text/javascript" src="../_resource/js/include.js" onload="HM.SomeFun('nav_html')"></script>
    </div>
  </div>

  <!-- Page -->
  <div class="page">
    <div class="page-content container-fluid">
          <style>
        .btn-round{position:absolute;right:10px;top:10px;z-index:999}
    </style>
    
    <!-------------------Begin info------------------------->
    <div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title"></h3>
        <div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                    <i class="icon wb-pencil" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
    <div style="width:100%;text-align: center;padding-top:10px;">
        <img src="http://admin.html.me/admin/images/avatar.jpg" style="width:100px;height:100px;border-radius:1000px;"/>
    </div>

    <div class="panel-body">
        <form id="exampleStandardForm" autocomplete="off" class="form-horizontal">
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Email</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="email" value="silver@yolotechnology.com" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Mobile</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="phone_num" value="97649772" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">First Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="first_name" value="xxx2233" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Last Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="last_name" value="aaa1133" disabled>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Date of Birth</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="birthdate" data-plugin="datepicker" value="" disabled>
                        </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Password</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="password" disabled>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">User Type</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="user_type" disabled>
                                                                    <option value="jobseeker" >Jobseeker</option>
                                                                    <option value="recruiter" >Recruiter</option>
                                                                    <option value="jobseeker/recruiter" >Jobseeker/Recruiter</option>
                                                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Status</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="is_restricted" disabled>
                                                                    <option value="2" >Deactivate</option>
                                                                    <option value="1" >Activate</option>
                                                            </select>
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-3 control-label">Gender</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="genders" disabled>
                                                                    <option value="male"  selected >Male</option>
                                                                    <option value="female" >Female</option>
                                                            </select>
                        </div>
                    </div>


                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                    <button type="submit" class="btn btn-primary" id="validateButton2">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>    <!-------------------End info------------------------->
        <div class="nav-tabs-horizontal" >
            <ul class="nav nav-tabs nav-tabs-line"  style="background: #fff;">
                <li class="nav-item  active " ><a class="nav-link active"  href="http://admin.html.me/User/edit?id=1" >Jobseeker</a></li>
                <li class="nav-item "><a class="nav-link" href="http://admin.html.me/User/edit?id=1&amp;type=recruiter">Recruiter</a></li>

            </ul>
        </div>
            <!-------------------Begin info------------------------->
        <div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Badic Info</h3>
        <div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                    <i class="icon wb-pencil" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
            <div class="panel-body">

            <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap"><button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
                <div class="row row-lg">
                    <div class="col-lg-6 form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Experience Level</label>
                            <div class="col-sm-9">
                                <select class="form-control form-control-sm" name="xp_lvl_key" disabled>
                                                                            <option value="fresh_graduate" >Fresh Graduate</option>
                                                                            <option value="1_to_3_years" >1 - 3 years</option>
                                                                            <option value="3_to_5_years"  selected >3 - 5 years</option>
                                                                            <option value="5_to_10_years" >5 - 10 years</option>
                                                                            <option value="above_10_years" >&gt; 10 years</option>
                                                                    </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Employment Status</label>
                            <div class="col-sm-9">
                                <select class="form-control form-control-sm" name="xp_lvl_key" disabled>
                                                                            <option value="unemployed" >Unemployed</option>
                                                                            <option value="employed"  selected >Employed</option>
                                                                    </select>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                        <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    
</div>        <!-------------------End info------------------------->
        <!-------------------Begin Work Exprience------------------------->
        <div class="panel">
        <div class="panel-heading">
        <h3 class="panel-title">Work Experience</h3>
        <div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="modal" data-target="#workExperienceModal"  href="#" aria-expanded="false" title="Add">
                    <i class="icon wb-plus-circle" aria-hidden="true"></i>
                </a>
                <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                    <i class="icon wb-pencil" aria-hidden="true"></i>
                </a>
                <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                    <i class="icon wb-trash" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
        <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Senior Php Developer" disabled>
                            <input type="hidden" name="job_title_id" value="585">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" name="description" rows="5" disabled maxlength="700">aaa</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-9">
                            <div class="checkbox-custom checkbox-primary">
                                <input type="checkbox" id="block" name="block" value="block" disabled>
                                <label for="block">Block all recruiters from this company</label>
                            </div>
                         </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="2017-11-03" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="2017-11-03" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Company Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="company_name" value="IBM" disabled>
                            <input type="hidden"  name="company_id" />
                        </div>
                    </div>

                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="panel">
            <div class="panel-heading">
            <h3 class="panel-title"></h3>
            <div class="panel-actions">
                <div class="dropdown">
                    <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                    </a>
                    <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Senior Php Developer" disabled>
                            <input type="hidden" name="job_title_id" value="585">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" name="description" rows="5" disabled maxlength="700">aaa</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-9">
                            <div class="checkbox-custom checkbox-primary">
                                <input type="checkbox" id="block" name="block" value="block" disabled>
                                <label for="block">Block all recruiters from this company</label>
                            </div>
                         </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="2017-11-01" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="2017-11-03" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Company Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="company_name" value="IBM" disabled>
                            <input type="hidden"  name="company_id" />
                        </div>
                    </div>

                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="panel">
            <div class="panel-heading">
            <h3 class="panel-title"></h3>
            <div class="panel-actions">
                <div class="dropdown">
                    <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                    </a>
                    <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Senior Php Developer" disabled>
                            <input type="hidden" name="job_title_id" value="585">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" name="description" rows="5" disabled maxlength="700">A nice comany</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-9">
                            <div class="checkbox-custom checkbox-primary">
                                <input type="checkbox" id="block" name="block" value="block" disabled>
                                <label for="block">Block all recruiters from this company</label>
                            </div>
                         </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="2017-10-01" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="2017-10-20" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Company Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="company_name" value="IBM" disabled>
                            <input type="hidden"  name="company_id" />
                        </div>
                    </div>

                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="panel">
            <div class="panel-heading">
            <h3 class="panel-title"></h3>
            <div class="panel-actions">
                <div class="dropdown">
                    <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                    </a>
                    <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Senior Php Developer" disabled>
                            <input type="hidden" name="job_title_id" value="585">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" name="description" rows="5" disabled maxlength="700">A nice company</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-9">
                            <div class="checkbox-custom checkbox-primary">
                                <input type="checkbox" id="block" name="block" value="block" disabled>
                                <label for="block">Block all recruiters from this company</label>
                            </div>
                         </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="2017-09-01" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="2017-09-30" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Company Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="company_name" value="Microsoft" disabled>
                            <input type="hidden"  name="company_id" />
                        </div>
                    </div>

                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="panel">
            <div class="panel-heading">
            <h3 class="panel-title"></h3>
            <div class="panel-actions">
                <div class="dropdown">
                    <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                    </a>
                    <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Senior Php Developer" disabled>
                            <input type="hidden" name="job_title_id" value="585">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" name="description" rows="5" disabled maxlength="700">A nice company</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-9">
                            <div class="checkbox-custom checkbox-primary">
                                <input type="checkbox" id="block" name="block" value="block" disabled>
                                <label for="block">Block all recruiters from this company</label>
                            </div>
                         </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="2017-08-01" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="2017-08-31" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Company Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="company_name" value="NetSuite" disabled>
                            <input type="hidden"  name="company_id" />
                        </div>
                    </div>

                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="panel">
            <div class="panel-heading">
            <h3 class="panel-title"></h3>
            <div class="panel-actions">
                <div class="dropdown">
                    <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                    </a>
                    <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Senior Php Developer" disabled>
                            <input type="hidden" name="job_title_id" value="585">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="form-control" name="description" rows="5" disabled maxlength="700">A big company</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-9">
                            <div class="checkbox-custom checkbox-primary">
                                <input type="checkbox" id="block" name="block" value="block" disabled>
                                <label for="block">Block all recruiters from this company</label>
                            </div>
                         </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="2017-07-01" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="2017-07-31" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Company Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="company_name" value="Macquarie Group" disabled>
                            <input type="hidden"  name="company_id" />
                        </div>
                    </div>

                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>






<div class="modal fade" id="workExperienceModal" aria-labelledby="workExperienceModalLabel" role="dialog" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-simple modal-center">
        <form class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="workExperienceModalLabel">Add Work Experience</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group" style="height: 20px;">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" />
                            <input type="hidden"  name="job_title_id" />
                        </div>
                    </div>

                    <div class="form-group" style="height: 20px;">
                        <label class="col-sm-3 control-label">Company Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="company_name">
                            <input type="hidden"  name="company_id" />
                        </div>
                    </div>

                    <div class="form-group" style="height: 20px;">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start">
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end">
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="form-group" style="height: 20px;">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="maxlength-textarea form-control" data-plugin="maxlength"  name="description" rows="5" maxlength="700"></textarea>
                        </div>
                    </div>

                    <div class="form-group" style="height: 20px;margin-top:75px;">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-9">
                            <div class="checkbox-custom checkbox-primary">
                                <input type="checkbox" id="block-modal" name="block" value="block" required="" data-fv-field="block">
                                <label for="block-modal">Block all recruiters from this company</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12 float-right">
                        <button class="btn btn-primary btn-outline" data-dismiss="modal" type="button">Submit</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>        <!-------------------End Work Exprience------------------------->

        <!-------------------Begin Education Exprience------------------------->
        <div class="panel">
        <div class="panel-heading">
        <h3 class="panel-title">Education Experience</h3>
        <div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="modal" data-target="#educationExperienceModal" href="#" aria-expanded="false" title="Add">
                    <i class="icon wb-plus-circle" aria-hidden="true"></i>
                </a>
                <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                    <i class="icon wb-pencil" aria-hidden="true"></i>
                </a>
                <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                    <i class="icon wb-trash" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
            <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">School</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="school" value="National Singapore University" disabled>
                            <input type="text" name="school_id" value="154">
                        </div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Degree</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="degree_key">
                                                                    <option value="diploma" >Diploma</option>
                                                                    <option value="bachelor" >Bachelor</option>
                                                                    <option value="master" >Master</option>
                                                                    <option value="doctor" >Doctor</option>
                                                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Field of Study</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="field_of_study" value="" disabled>
                        </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Grade</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="grade" value="" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="maxlength-textarea form-control" data-plugin="maxlength" name="description" rows="5" maxlength="300" disabled></textarea>
                        </div>
                    </div>
                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="panel">
            <div class="panel-heading">
            <h3 class="panel-title"></h3>
            <div class="panel-actions">
                <div class="dropdown">
                    <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                    </a>
                    <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body">
        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap">
            <button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">School</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="school" value="National Singapore University" disabled>
                            <input type="text" name="school_id" value="154">
                        </div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Degree</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="degree_key">
                                                                    <option value="diploma" >Diploma</option>
                                                                    <option value="bachelor" >Bachelor</option>
                                                                    <option value="master" >Master</option>
                                                                    <option value="doctor" >Doctor</option>
                                                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Field of Study</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="field_of_study" value="" disabled>
                        </div>
                    </div>

                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start" value="" disabled>
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end" value="" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Grade</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="grade" value="" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="maxlength-textarea form-control" data-plugin="maxlength" name="description" rows="5" maxlength="300" disabled></textarea>
                        </div>
                    </div>
                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display: none">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>



<div class="modal fade" id="educationExperienceModal" aria-labelledby="educationExperienceModalLabel" role="dialog" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-simple modal-center">
        <form class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="educationExperienceModalLabel">Add Education Experience</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">School</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="school" data-fv-notempty="true" data-fv-notempty-message="This is required" data-fv-field="school">
                            <small class="help-block" data-fv-validator="notEmpty" data-fv-for="requiredInput" data-fv-result="NOT_VALIDATED" style="display: none;"></small></div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Degree</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="degree_key">
                                                                    <option value="diploma" >Diploma</option>
                                                                    <option value="bachelor" >Bachelor</option>
                                                                    <option value="master" >Master</option>
                                                                    <option value="doctor" >Doctor</option>
                                                            </select>
                        </div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Grade</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="grade" data-fv-notempty="true" data-fv-notempty-message="This is required" data-fv-field="grade">
                            <small class="help-block" data-fv-validator="notEmpty" data-fv-for="requiredInput" data-fv-result="NOT_VALIDATED" style="display: none;">This is required</small></div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">From</label>
                        <div class="col-sm-9">
                            <div class="input-daterange" data-plugin="datepicker">
                                <div class="input-group col-sm-6">
                                      <span class="input-group-addon">
                                        <i class="icon wb-calendar" aria-hidden="true"></i>
                                      </span>
                                    <input type="text" class="form-control" name="start">
                                </div>
                                <div class="input-group col-sm-6">
                                    <span class="input-group-addon">to</span>
                                    <input type="text" class="form-control" name="end">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Field of Study</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="field_of_study" >
                        </div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Description</label>
                        <div class="col-sm-9">
                            <textarea class="maxlength-textarea form-control" data-plugin="maxlength" name="description" rows="5" maxlength="300"></textarea>
                        </div>
                    </div>




                    <div class="col-md-12 float-right">
                        <button class="btn btn-primary btn-outline" data-dismiss="modal" type="button">Submit</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>        <!-------------------End Education Exprience------------------------->

        <!-------------------Begin Resume------------------------->
        <div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Resume</h3>
    </div>
    <div class="panel-body">

        
        <div 
  id="resumeForm-form-item"  class="form-group " style="" >
    <label for="resumeForm" class="control-label  none ">
                    </label>
            <div>
                                <div class="input-group input-group-file" id="resumeForm" class="" style="" >
            <input type="text" id="file-201710261345379144268-input" class="form-control" readonly="readonly" placeholder="">
            <span class="input-group-btn">
                <a id="file-201710261345379144268-link" class="btn btn-info" target="_blank" style="display:none;">
                    <i class="icon wb-eye" aria-hidden="true"></i>
                </a>
                <span class="btn btn-success btn-file">
                    <i class="icon wb-upload" aria-hidden="true"></i>
                    <input type="file" id="file-201710261345379144268" readonly="readonly" />
                </span>
            </span>
        </div>
        <div id="file-201710261345379144268-progress" class="progress" data-plugin="progress" style="height:2px;">
            <div class="progress-bar progress-bar-warning" role="progressbar"></div>
        </div>
        <script type="text/javascript">
        jQuery(function($){
            $('#file-201710261345379144268').fileupload({
                url: "http://admin.html.me/User/uploadResume",
                                dataType: 'json',
                start: function (e, data) {
                    $('#file-201710261345379144268-progress .progress-bar').css('width', '0%');
                },
                done: function (e, data) {
                    $('#file-201710261345379144268-input').val(data.result.url);
                    $('#file-201710261345379144268-link').attr('href', data.result.url).show();
                },
                progressall: function (e, data) {
                    var progress = parseInt(data.loaded / data.total * 100, 10);
                    $('#file-201710261345379144268-progress .progress-bar').css('width', progress + '%');
                }
            });
        });
        </script>
                        
                        </div>
    </div>

        
        <!--<form id="resumeForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap"><button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="col-sm-6 col-md-12">
                <div class="form-group">
                    <div class="input-group input-group-file">
                    <input type="text" class="form-control" readonly="" placeholder="pdf, jpg, word">
                    <span class="input-group-btn">
                      <span class="btn btn-success btn-file">
                        <i class="icon wb-upload" aria-hidden="true"></i>
                        <input type="file" name="" multiple="">
                      </span>
                    </span>
                    </div>
                </div>
            </div>
        </form>-->
    </div>
</div>        <!-------------------End Resume------------------------->


        <!-------------------Begin Job Preference------------------------->
        <div class="panel">
        <div class="panel-heading">
        <h3 class="panel-title">Job Preference</h3>
        <div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                    <i class="icon wb-pencil" aria-hidden="true"></i>
                </a>
                <a class="panel-action" data-toggle="dropdown" href="#jobPerferenceModal" aria-expanded="false" title="Add">
                    <i class="icon wb-plus-circle" aria-hidden="true"></i>
                </a>
                <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                    <i class="icon wb-trash" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
            <div class="panel-body">

        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap"><button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Database Engineer" disabled>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Salary from</label>
                        <div class="col-sm-9">
                            <div class="input-daterange">
                                <div class="input-group col-sm-6">
                                    <input type="number" class="form-control" name="start" value="20409" disabled>
                                    <span class="input-group-addon">to</span>
                                </div>
                                <div class="input-group col-sm-6">
                                    <input type="number" class="form-control" name="end" value="30153" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Type</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="job_type_key" disabled>
                                                                    <option value="full_time" >Full-time</option>
                                                                    <option value="part_time" >Part-time</option>
                                                                    <option value="contract" >Contract</option>
                                                                    <option value="temp" >Temp</option>
                                                                    <option value="internship" >Internship</option>
                                                            </select>
                        </div>
                    </div>

                    <!--<div class="form-group">
                        <label class="col-sm-3 control-label">Location</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="location_key" disabled>
                                                                    <option value="caloocan" >Caloocan</option>
                                                                    <option value="las_pi" >Las Piñas</option>
                                                                    <option value="makati"  selected >Makati</option>
                                                                    <option value="malabon" >Malabon</option>
                                                                    <option value="mandaluyong" >Mandaluyong</option>
                                                                    <option value="manila" >Manila</option>
                                                                    <option value="marikina" >Marikina</option>
                                                                    <option value="muntinlupa" >Muntinlupa</option>
                                                                    <option value="navotas" >Navotas</option>
                                                                    <option value="para" >Parañaque</option>
                                                                    <option value="pasay" >Pasay</option>
                                                                    <option value="pasig" >Pasig</option>
                                                                    <option value="quezon_city" >Quezon City</option>
                                                                    <option value="san_juan" >San Juan</option>
                                                                    <option value="taguig" >Taguig</option>
                                                                    <option value="valenzuela" >Valenzuela</option>
                                                            </select>
                        </div>
                    </div>-->
                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display:none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
    <div class="panel">
            <div class="panel-heading">
            <h3 class="panel-title"></h3>
            <div class="panel-actions">
                <div class="dropdown">
                    <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                        <i class="icon wb-pencil" aria-hidden="true"></i>
                    </a>
                    <a class="panel-action" data-toggle="modal" data-target="#exampleNiftyFadeScale" href="#" aria-expanded="false" title="Delete">
                        <i class="icon wb-trash" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="panel-body">

        <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap"><button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
            <div class="row row-lg">
                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title" value="Database Engineer" disabled>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Salary from</label>
                        <div class="col-sm-9">
                            <div class="input-daterange">
                                <div class="input-group col-sm-6">
                                    <input type="number" class="form-control" name="start" value="20409" disabled>
                                    <span class="input-group-addon">to</span>
                                </div>
                                <div class="input-group col-sm-6">
                                    <input type="number" class="form-control" name="end" value="30153" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Job Type</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="job_type_key" disabled>
                                                                    <option value="full_time" >Full-time</option>
                                                                    <option value="part_time" >Part-time</option>
                                                                    <option value="contract" >Contract</option>
                                                                    <option value="temp" >Temp</option>
                                                                    <option value="internship" >Internship</option>
                                                            </select>
                        </div>
                    </div>

                    <!--<div class="form-group">
                        <label class="col-sm-3 control-label">Location</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" name="location_key" disabled>
                                                                    <option value="caloocan" >Caloocan</option>
                                                                    <option value="las_pi" >Las Piñas</option>
                                                                    <option value="makati"  selected >Makati</option>
                                                                    <option value="malabon" >Malabon</option>
                                                                    <option value="mandaluyong" >Mandaluyong</option>
                                                                    <option value="manila" >Manila</option>
                                                                    <option value="marikina" >Marikina</option>
                                                                    <option value="muntinlupa" >Muntinlupa</option>
                                                                    <option value="navotas" >Navotas</option>
                                                                    <option value="para" >Parañaque</option>
                                                                    <option value="pasay" >Pasay</option>
                                                                    <option value="pasig" >Pasig</option>
                                                                    <option value="quezon_city" >Quezon City</option>
                                                                    <option value="san_juan" >San Juan</option>
                                                                    <option value="taguig" >Taguig</option>
                                                                    <option value="valenzuela" >Valenzuela</option>
                                                            </select>
                        </div>
                    </div>-->
                </div>

                <div class="form-group col-lg-12 text-right padding-top-m" style="display:none;">
                    <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
    

<div class="modal fade" id="jobPerferenceModal" aria-labelledby="jobPerferenceModalLabel" role="dialog" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-simple modal-center">
        <form class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="jobPerferenceModalLabel">Add Job Preference</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group" style="height: 20px;">
                        <label class="col-sm-3 control-label">Job Title</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="job_title">
                        </div>
                     </div>

                        <div class="form-group" style="height: 20px;">
                            <label class="col-sm-3 control-label">Salary from</label>
                            <div class="col-sm-9">
                                <div class="input-daterange">
                                    <div class="input-group col-sm-6">
                                        <input type="number" class="form-control" name="salary_start" min="10000" max="100000" step="1000">
                                        <span class="input-group-addon">to</span>
                                    </div>
                                    <div class="input-group col-sm-6">
                                        <input type="number" class="form-control" name="salary_end" min="10000" step="1000" max="200000">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group" style="height: 20px;">
                            <label class="col-sm-3 control-label">Job Type</label>
                            <div class="col-sm-9">
                                <select class="form-control form-control-sm" name="job_type_key" disabled>
                                                                            <option value="full_time" >Full-time</option>
                                                                            <option value="part_time" >Part-time</option>
                                                                            <option value="contract" >Contract</option>
                                                                            <option value="temp" >Temp</option>
                                                                            <option value="internship" >Internship</option>
                                                                    </select>
                            </div>
                        </div>


                        <!--<div class="form-group" style="height: 20px;">
                            <label class="col-sm-3 control-label">Location</label>
                            <div class="col-sm-9">
                                <select class="form-control form-control-sm" name="location_key" disabled>
                                                                            <option value="caloocan" >Caloocan</option>
                                                                            <option value="las_pi" >Las Piñas</option>
                                                                            <option value="makati"  selected >Makati</option>
                                                                            <option value="malabon" >Malabon</option>
                                                                            <option value="mandaluyong" >Mandaluyong</option>
                                                                            <option value="manila" >Manila</option>
                                                                            <option value="marikina" >Marikina</option>
                                                                            <option value="muntinlupa" >Muntinlupa</option>
                                                                            <option value="navotas" >Navotas</option>
                                                                            <option value="para" >Parañaque</option>
                                                                            <option value="pasay" >Pasay</option>
                                                                            <option value="pasig" >Pasig</option>
                                                                            <option value="quezon_city" >Quezon City</option>
                                                                            <option value="san_juan" >San Juan</option>
                                                                            <option value="taguig" >Taguig</option>
                                                                            <option value="valenzuela" >Valenzuela</option>
                                                                    </select>
                            </div>
                        </div>-->

                        <div class="col-md-12 float-right">
                            <button class="btn btn-primary btn-outline" data-dismiss="modal" type="button">Submit</button>
                        </div>
                    </div>
                </div>
        </form>
    </div>
</div>        <!-------------------End Job Preference------------------------->


        <!-------------------Begin Tasks------------------------->
        <div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Tasks</h3>
        <!--<div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="modal" data-target="#tasksModal" href="#" aria-expanded="false" title="Add">
                    <i class="icon wb-plus-circle" aria-hidden="true"></i>
                </a>
            </div>
        </div>-->
    </div>
    <div class="panel-body">
        
        <div
 class="list-table " 
  
 style="" 
 >
 	<div
 class="panel " 
  
 style="" 
 >
 	<div class="panel-body">
		<table id="tabel201710261345379201274" 
  
  
  
 border="0" cellpadding="6" cellspacing="1"
 class="table table-bordered  "
 style="" 
 >
    <thead class="list-thead">
    <tr>
                <td class="" 
 style="text-align:center;white-space:nowrap;" 
  width="100"  
 code="taskid">
	<span>TaskID</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="description">
	<span>Description</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="reward">
	<span>Reward</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="status">
	<span>Status</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="reward_status">
	<span>Reward Status</span>
</td>
    </tr>
</thead><tbody class="list-tbody">
    </tbody>
</table>
<script type="text/javascript">
$(document).ready(function() {
	var minwidth = 0;
	var isFixedColumns = minwidth > 0 && $('#tabel201710261345379201274').width() < minwidth;
	console.log($('#tabel201710261345379201274').width(), isFixedColumns);
    var table = $('#tabel201710261345379201274').DataTable({
    	fixedHeader:    true,
    	autoWidth: 		isFixedColumns,
        scrollCollapse: true,
        paging:         false,
        info: 			false,
        searching: 		false,
        scrollX:        true,
        order: 			[[0, '']],
        columnDefs: 	[
       		{targets:'nosort', orderable:false, sSortAsc:false}
     	]
    }).on( 'order.dt', function () {
    	var order = table.order()[0];
    	var code  = $('thead td', this).eq(order[0]).attr('code');
    	console.log(code);
	});

    if (isFixedColumns) {
		new $.fn.dataTable.FixedColumns(table, {
		    leftColumns: 1,
            rightColumns: 1
		});
    }
});
</script>
 	</div>
</div>
</div>
        
    </div>
</div>


<div class="modal fade" id="tasksModal" aria-labelledby="tasksModalLabel" role="dialog" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-simple modal-center">
        <form class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="tasksModalLabel">Add Tasks</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Daily Chat Limit</label>
                        <div class="col-sm-9">
                            <input type="number" class="form-control" name="chat_limit" data-fv-notempty="true" data-fv-notempty-message="This is required" data-fv-field="chat_limit">
                            <small class="help-block" data-fv-validator="notEmpty" data-fv-for="requiredInput" data-fv-result="NOT_VALIDATED" style="display: none;"></small></div>
                    </div>
                    <div class="form-group" style="height: 20px">
                        <label class="col-sm-3 control-label">Daily Send Resume Limit</label>
                        <div class="col-sm-9">
                            <input type="number" class="form-control" name="send_limit" data-fv-notempty="true" data-fv-notempty-message="This is required" data-fv-field="send_limit">
                            <small class="help-block" data-fv-validator="notEmpty" data-fv-for="requiredInput" data-fv-result="NOT_VALIDATED" style="display: none;"></small></div>
                    </div>

                    <div class="col-md-12 float-right">
                        <button class="btn btn-primary btn-outline" data-dismiss="modal" type="button">Submit</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>        <!-------------------End Tasks------------------------->


        <!-------------------Begin Restrictions------------------------->
        <div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Restrictions</h3>
        <div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Edit">
                    <i class="icon wb-pencil" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
            <div class="panel-body">

            <form id="exampleFullForm" autocomplete="off" novalidate="novalidate" class="fv-form fv-form-bootstrap"><button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
                <div class="row row-lg">
                    <div class="col-lg-6 form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Daily Chat Limit</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" name="daily_chat_limit" data-fv-notempty="true" data-fv-notempty-message="This is required" data-fv-field="daily_chat_limit">
                                <small class="help-block" data-fv-validator="notEmpty" data-fv-for="requiredInput" data-fv-result="NOT_VALIDATED" style="display: none;"></small></div>
                        </div>
                    </div>

                    <div class="col-lg-6 form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Daily Send Resume Limit</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" name="daily_send_resume_limit" data-fv-notempty="true" data-fv-notempty-message="This is required" data-fv-field="daily_send_resume_limit">
                                <small class="help-block" data-fv-validator="notEmpty" data-fv-for="requiredInput" data-fv-result="NOT_VALIDATED" style="display: none;"></small></div>
                        </div>
                    </div>

                    <div class="form-group col-lg-12 text-right padding-top-m">
                        <button type="submit" class="btn btn-primary" id="validateButton1">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    
</div>        <!-------------------End Restrictions------------------------->


        <!-------------------Begin History------------------------->
        <div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">History</h3>

    </div>
    <div class="panel-body">
        
        <div
 class="list-table " 
  
 style="" 
 >
 	<div
 class="panel " 
  
 style="" 
 >
 	<div class="panel-body">
		<table id="tabel201710261345379257294" 
  
  
  
 border="0" cellpadding="6" cellspacing="1"
 class="table table-bordered  "
 style="" 
 >
    <thead class="list-thead">
    <tr>
                <td class="" 
 style="text-align:center;white-space:nowrap;" 
  width="100"  
 code="item">
	<span>Item</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="change_from">
	<span>Change From</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="change_to">
	<span>Change To</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="done_by">
	<span>Done By</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="date">
	<span>Date</span>
</td>
    </tr>
</thead><tbody class="list-tbody">
    </tbody>
</table>
<script type="text/javascript">
$(document).ready(function() {
	var minwidth = 0;
	var isFixedColumns = minwidth > 0 && $('#tabel201710261345379257294').width() < minwidth;
	console.log($('#tabel201710261345379257294').width(), isFixedColumns);
    var table = $('#tabel201710261345379257294').DataTable({
    	fixedHeader:    true,
    	autoWidth: 		isFixedColumns,
        scrollCollapse: true,
        paging:         false,
        info: 			false,
        searching: 		false,
        scrollX:        true,
        order: 			[[0, '']],
        columnDefs: 	[
       		{targets:'nosort', orderable:false, sSortAsc:false}
     	]
    }).on( 'order.dt', function () {
    	var order = table.order()[0];
    	var code  = $('thead td', this).eq(order[0]).attr('code');
    	console.log(code);
	});

    if (isFixedColumns) {
		new $.fn.dataTable.FixedColumns(table, {
		    leftColumns: 1,
            rightColumns: 1
		});
    }
});
</script>
 	</div>
</div>
</div>
        
    </div>
</div>        <!-------------------End History------------------------->

        <!-------------------Begin Notes------------------------->
        <div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Notes</h3>
        <div class="panel-actions">
            <div class="dropdown">
                <a class="panel-action" data-toggle="modal" data-target="#exampleFormModal" href="#" aria-expanded="false" title="Add">
                    <i class="icon wb-plus-circle" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="panel-body">
        
        <div
 class="list-table " 
  
 style="" 
 >
 	<div
 class="panel " 
  
 style="" 
 >
 	<div class="panel-body">
		<table id="tabel201710261345379283548" 
  
  
  
 border="0" cellpadding="6" cellspacing="1"
 class="table table-bordered  "
 style="" 
 >
    <thead class="list-thead">
    <tr>
                <td class="" 
 style="text-align:center;white-space:nowrap;" 
  width="100"  
 code="note">
	<span>Note</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="added_by">
	<span>Add By</span>
</td>
                        <td class="" 
 style="text-align:center;white-space:nowrap;" 
  
 code="date">
	<span>Date</span>
</td>
                        <td class="nosort" 
 style="text-align:center;white-space:nowrap;" 
  width="100"  
 code="">
	<span>Action</span>
</td>
    </tr>
</thead><tbody class="list-tbody">
    </tbody>
</table>
<script type="text/javascript">
$(document).ready(function() {
	var minwidth = 0;
	var isFixedColumns = minwidth > 0 && $('#tabel201710261345379283548').width() < minwidth;
	console.log($('#tabel201710261345379283548').width(), isFixedColumns);
    var table = $('#tabel201710261345379283548').DataTable({
    	fixedHeader:    true,
    	autoWidth: 		isFixedColumns,
        scrollCollapse: true,
        paging:         false,
        info: 			false,
        searching: 		false,
        scrollX:        true,
        order: 			[[0, '']],
        columnDefs: 	[
       		{targets:'nosort', orderable:false, sSortAsc:false}
     	]
    }).on( 'order.dt', function () {
    	var order = table.order()[0];
    	var code  = $('thead td', this).eq(order[0]).attr('code');
    	console.log(code);
	});

    if (isFixedColumns) {
		new $.fn.dataTable.FixedColumns(table, {
		    leftColumns: 1,
            rightColumns: 1
		});
    }
});
</script>
 	</div>
</div>
</div>
        
    </div>


    <div class="modal fade" id="exampleFormModal" aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-simple modal-center">
            <form class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Add Note</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xl-4 form-group">
                            <input type="text" class="form-control" name="note" placeholder="Add note here">
                        </div>
                        <div class="col-md-12 float-right">
                            <button class="btn btn-primary btn-outline" data-dismiss="modal" type="button">Submit</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>        <!-------------------End Notes------------------------->
    


    

    <div class="modal fade" id="exampleNiftyFadeScale" aria-hidden="true"
         aria-labelledby="examplePositionCenter" role="dialog" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">Delete</h4>
                </div>
                <div class="modal-body">
                    <p>Are you sure ?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default margin-0" data-dismiss="modal">No</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Yes</button>
                </div>
            </div>
        </div>
    </div>
    </div>
	
	<!-- Modal -->
	<div class="modal fade" id="confirmModal" aria-hidden="true" role="dialog" tabindex="-1">
	  <div class="modal-dialog modal-center">
		<div class="modal-content">
		  <div class="modal-header">
			<h4 class="modal-title"></h4>
		  </div>
		  <div class="modal-body">
			<p></p>
		  </div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
			<button type="button" class="btn btn-primary"></button>
		  </div>
		</div>
	  </div>
	</div>
	<div class="modal fade" id="alertModal" aria-hidden="true" role="dialog" tabindex="-1">
	  <div class="modal-dialog modal-center">
		<div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
            </button>
			<h4 class="modal-title"></h4>
		  </div>
		  <div class="modal-body">
			<p></p>
		  </div>
		</div>
	  </div>
	</div>
	<!-- End Modal -->
  </div>
  <!-- End Page -->

  <!-- Footer -->
  <footer class="site-footer">
    <div class="site-footer-legal">© 2016 BossJob</div>
    <div class="site-footer-right"></div>
  </footer>

  <!-- Core  -->
  <script src="http://admin.html.me/static/vendor/animsition/animsition.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/asscroll/jquery-asScroll.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/mousewheel/jquery.mousewheel.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/asscrollable/jquery.asScrollable.all.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/ashoverscroll/jquery-asHoverScroll.min.js?v2.63"></script>

  <!-- Plugins -->
  <script src="http://admin.html.me/static/vendor/switchery/switchery.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/intro-js/intro.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/screenfull/screenfull.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/slidepanel/jquery-slidePanel.min.js?v2.63"></script>

  <!-- Plugins For This Page -->
  <script src="http://admin.html.me/static/vendor/jquery-ui/jquery-ui.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/datatables/jquery.dataTables.min.js?v2.631508967937"></script>
  <script src="http://admin.html.me/static/vendor/datatables/dataTables.autoFill.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/datatables/dataTables.fixedColumns.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/datatables-fixedheader/dataTables.fixedHeader.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/datatables-bootstrap/dataTables.bootstrap.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/blueimp-canvas-to-blob/canvas-to-blob.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/blueimp-file-upload/jquery.fileupload.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/dropify/dropify.min.js?v2.63"></script>

  <!-- datepicker -->
  <script src="http://admin.html.me/static/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/jsgrid/jsgrid.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/summernote/summernote.min.js?v2.63"></script>

  <!-- Scripts -->
  <script src="http://admin.html.me/static/vendor/bootstrap-maxlength/bootstrap-maxlength.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/typeahead-js/bloodhound.min.js?v2.63"></script>
  <script src="http://admin.html.me/static/vendor/typeahead-js/typeahead.jquery.min.js?v2.63"></script>

  <script src="http://admin.html.me/admin/js/core.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/site.min.js?v2.63"></script>

  <script src="http://admin.html.me/admin/js/sections/menu.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/sections/menubar.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/sections/gridmenu.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/sections/sidebar.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/configs/config-tour.min.js?v2.63"></script>



  <script src="http://admin.html.me/admin/js/components/asscrollable.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/animsition.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/slidepanel.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/switchery.min.js?v2.63"></script>

  <script src="http://admin.html.me/admin/js/plugins/responsive-tabs.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/plugins/closeable-tabs.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/tabs.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/input-group-file.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/bootstrap-datepicker.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/dropify.min.js?v2.63"></script>
  <script src="http://admin.html.me/admin/js/components/summernote.min.js?v2.63"></script>

  <script type="text/javascript">
    $(".btn-primary").parents(".form-group").hide();
    $("input,textarea").attr("disabled",true);
    $(".input-daterange input").attr("disabled",true);
    $("input[type=checkbox]").attr("disabled",true);
    $("select").attr("disabled",true);
    $("#resumeForm").find("input").attr("disabled",false);
    $(".modal-body input,.modal-body textarea").attr("disabled",false);
    $(document).on("click",".panel-action .wb-pencil",function(){
        var html = '<a class="panel-action" data-toggle="dropdown" href="#" aria-expanded="false" title="Cancel"><i class="icon wb-close" aria-hidden="true"></i></a>';
        var isset= $(this).parents(".dropdown").has(".wb-close").length;
        if(isset < 1) {
            $(this).parents(".dropdown").append(html);
        }else{
            $(this).parents(".dropdown").find(".panel-action").show();;
        }
        $(this).parents(".panel").find("input,textarea").attr("disabled",false);
        $(this).parents(".panel").find(".form-group,.btn-primary").show();
        $(this).parents(".panel").find(".input-daterange input").attr("disabled",false);
        $(this).parents(".panel").find("input[type=checkbox]").attr("disabled",false);
        $(this).parents(".panel").find("select").attr("disabled",false);
    })

    $(document).on("click",".panel-action .wb-plus-circle",function(){
        $(".modal").find("input,textarea").attr("disabled",false);
        $(".modal").find(".input-daterange input").attr("disabled",false);
        $(".modal").find("input[type=checkbox]").attr("disabled",false);
        $(".modal").find("select").attr("disabled",false);
    })

    $(document).on("click",".panel-action .wb-close",function(){
        $(this).parents(".panel").find("input,textarea").attr("disabled",true);
        $(this).parents(".panel").find(".input-daterange input").attr("disabled",true);
        $(this).parents(".panel").find("input[type=checkbox]").attr("disabled",true);
        $(this).parents(".panel").find("select").attr("disabled",true);
        $("#resumeForm").find("input").attr("disabled",false);;
        $(this).parents(".panel").find(".form-group .btn-primary").hide();
        $(this).parents(".panel-action").hide();
    })

    $(document).on("submit",".panel-body form",function(){
        return false;
    })
    $(document).on("click", ".btn-primary", function(){
        $(this).parents(".panel").find("input,textarea").attr("disabled",true);
        $(this).parents(".panel").find(".input-daterange input").attr("disabled",true);
        $(this).parents(".panel").find("input[type=checkbox]").attr("disabled",true);
        $(this).parents(".panel").find("select").attr("disabled",true);
        $("#resumeForm").find("input").attr("disabled",false);;
        $(this).parents(".form-group").hide();
        $(this).parents(".panel").find(".panel-action[title=Cancel]").hide();
    })

    $(document).on("keydown", "input[name=job_title],input[name=school],input[name=company_name]",function(){
        var obj = $(this);
        var name = $(this).attr("name");
        var val = $(this).attr("val");

        if(name == "job_title"){
            var type = 1;
        }else if(name == "school"){
            var type = 2;
        }else if(name == "company_name"){
            var type = 3;
        }
        var data = {
            keyword : val,
            type : type
        };
        $.post("http://admin.html.me/User/suggestLists",data,function(res){
            obj.siblings(".twitter-typeahead").remove();
            obj.after(res);
        });
    })

    $(document).on("blur", "input[name=job_title],input[name=school],input[name=company_name]",function(){
        var obj = $(this).siblings(".twitter-typeahead");
        setTimeout(function(){
            obj.remove();
        },200)

    })

    $(document).on("click", ".tt-selectable",function(){
        var type = $(this).parents().data("type");
        var id = $(this).data("id");
        var text = $(this).text();
        if(type == 1){
            $(this).parents(".twitter-typeahead").siblings("input[name=job_title_id]").val(id);
            $(this).parents(".twitter-typeahead").siblings("input[name=job_title]").val(text);
        }else if(type == 2){
            $(this).parents(".twitter-typeahead").siblings("input[name=school_id]").val(id);
            $(this).parents(".twitter-typeahead").siblings("input[name=school]").val(text);
        }else if(type == 3){
            $(this).parents(".twitter-typeahead").siblings("input[name=company_id]").val(id);
            $(this).parents(".twitter-typeahead").siblings("input[name=company_name]").val(text);
        }
        $(this).parents(".twitter-typeahead").remove();
    })



</script>
  <script>
    (function(document, window, $) {
      'use strict';

      var Site = window.Site;
      $(document).ready(function() {
        Site.run();
          $('textarea[maxlength]').maxlength({
              threshold: 1000,
              placement: 'bottom-left-inside'
          });

          $.components.register("datepicker",{mode:"default",defaults:{autoclose:!0}});

        if (RUN_FUNCS.length > 0) {
          for(var i = 0; i < RUN_FUNCS.length; i++) {
            RUN_FUNCS[i].call();
          }
        }
      });
    })(document, window, jQuery);


  </script>
</body>
</html>